<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


</head>
<body>

  <div id="app">

  </div>

</body>
<!--<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>-->

<script src="../lib/react/react.development.js"></script>
<script src="../lib/react/react-dom.development.j.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
<!--
      babel -  es6->es5
               支持jsx
-->
<script type="text/babel">

      // ReactDOM.render(
      //     <div>hello react</div>,
      //     document.getElementById('app')
      // )


      const element = <div>hello react</div>;

      ReactDOM.render(element,document.getElementById('app'));



</script>
</html>